<%--
  Created by IntelliJ IDEA.
  User: 86156
  Date: 2023/12/29
  Time: 0:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>立即购买页面</title>
    <link rel="stylesheet" href="./css/myorderform1.css">
</head>
<body>

<form class="order-container" id="form1">

    <div class="login-box" style="cursor: pointer;">
        <span class="iconfont iconfont-tips" onclick="DoWinLogin()"></span>
        <span class="login-tips" onclick="DoWinLogin">未注册请先注册，已有账号</span>
        <a href="Login.jsp" class="login"><span >请登录&gt;</span></a>
    </div>

    <div class="order-item" style="position: relative;margin-top: 24px;">
        <h3 class="order-item-hd">收货人信息</h3>

        <div class="order-item-content">
            <div class="order-item-li">
                <label class="order-item-title">收货人</label>
                <input class="order-item-input" placeholder="请输入收货人姓名" type="text"/>
            </div>
            <div class="order-item-li">
                <label class="order-item-title">手机号码</label>
                <input class="order-item-input" placeholder="请输入收货人手机号码" type="text"/>
            </div>
            <div class="order-item-li">
                <label class="order-item-title">所在地区</label>
                <select class="order-item-select">
                    <option value="">河北省</option>
                    <option value="">河南省</option>
                    <option value="">江苏省</option>
                    <option value="">湖南省</option>
                </select>
                <select class="order-item-select">
                    <option value="">保定市</option>
                    <option value="">南京市</option>
                    <option value="">杭州市</option>
                    <option value="">长沙市</option>
                </select>
                <select class="order-item-select" style="width: 142px;">
                    <option value="">莲池区</option>
                    <option value="">回族区</option>
                    <option value="">哈哈区</option>
                    <option value="">天齐区</option>
                </select>
                <!-- <span class="order-item-wrong"></span> -->
            </div>

            <div class="order-item-li">
                <label class="order-item-title">详细地址</label>
                <div class="order-item-input-box">
                    <!-- <span class="order-item-addr-header">河北省保定市莲池区</span> -->
                    <input placeholder="请输入收货人详细地址" type="text" style="padding-left: 124px;width: 222px;"/>
                </div>
            </div>
        </div>
    </div>

    <div class="order-item">
        <h3 class="order-item-hd">订购人信息</h3>
        <div class="order-item-content">
            <div class="order-item-li">
                <label class="order-item-title">订购人姓名</label>
                <input class="order-item-input" placeholder="请输入订购人姓名"/>
            </div>
            <div class="order-item-content-hastel" style="display: block;">
                <div class="order-item-li">
                    <label class="order-item-title">订购人手机</label>
                    <input class="order-item-input" placeholder="请输入订购人手机号码"/>
                </div>
            </div>
        </div>
    </div>

    <div class="order-item">
        <h3 class="order-item-hd">送达日期</h3>
        <div class="order-item-content">
            <div class="order-item-li">
                <label class="order-item-title">送达日期</label>
                <input class="order-item-input" placeholder="请输入送达日期"/>
            </div>
        </div>
    </div>

    <div class="order-item">
        <div class="order-item-hd">
            <h5>留言</h5>
        </div>
        <div class="order-item-box">
            <div class="order-item-left">
						<textarea class="order-item-left-textarea"
                                  placeholder="留言备注"></textarea>
            </div>
            <div class="order-item-right"></div>
        </div>
    </div>


    <div class="order-item-footer">
        <div class="order-item-footer-left">
            <div class="order-item-footer-send">
                <span class="send-title">配送至:</span>
            </div>
            <div class="order-item-footer-receiver">
                <span class="receiver-name">张三</span>
                <span id="receiver_tel">15919173982</span>
            </div>
        </div>
        <div class="order-item-footer-right">
            <div class="order-item-footer-price">
                共<span id="pro_count" class="pro-count">1</span>件商品，总商品金额:
                <span id="pro_price" class="pro-price">198</span>
            </div>
            <div class="order-item-footer-pay">
                应付:<span class="pay-price">198</span>
                <a href="myorderform2.jsp"> <button type="button" onclick="tank()">提交订单</button></a>


            </div>
        </div>
    </div>
</form>

</body>
<script type="text/javascript">
    function tank() {
        alert("提交完成")
    }
</Script>
</html>